<!DOCTYPE html>
<html lang="he" dir="rtl" ng-app="ShowupApp" ng-controller="AppointmentCtrl">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="icon" href="/favicon.ico">
  <title>Showup</title>
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

  <div class="container">
   <div class="page-header" style="text-align:center">
     <img src='/confirm/images/showup_text.png' />
   </div>
   <div  ng-show="is_backend_ready && !error">
    <h3>שלום {{appointment.customer.name}}</h3>
    <p>אנא אשר הגעתך לפגישה אצל <strong>{{business.business_name}}</strong> המתקיימת ביום {{appointmentTime()}} ({{appointmentFromNow()}})</p>
    <div ng-show="appointment.notes.length > 0" style="margin-top:20px">
    <h5>הערות לפגישה:</h5>
    <pre>{{appointment.notes}}</pre>
    </div>
    <div ng-show="!declined && !confirmed" style="text-align:center">
      <button class="btn btn-success btn-lg" style="margin:10px" ng-click="confirmAppointment()">אשר</button>
      <button class="btn btn-danger btn-lg" style="margin:10px" ng-click="declineAppointment()">בטל</button>
    </div>
    <div ng-show="declined">
      <div class="alert alert-success" role="alert">ביטול הפגישה נשלח</div>
    </div>
    <div ng-show="confirmed">
      <div class="alert alert-success" role="alert">אישרו הפגישה נשלח</div>
    </div>
  </div>
  <div ng-show="!is_backend_ready" style='text-align:center'>
    <h4>טוען פגישה...</h4>
    <div class="progress">
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
      </div>
    </div>
  </div>
  <div ng-show="error">
    <div class="alert alert-danger" role="alert">שגיאה בטעינת הפגישה</div>
  </div>
</div>
</body>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js" type="text/javascript"></script>
<script src="/confirm/js/app.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment-with-locales.min.js" type="text/javascript"></script>
<script src="https://apis.google.com/js/client.js?onload=init_with_angular" type="text/javascript"></script>

</script>
</html>